<!DOCTYPE html>
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">

<link rel="stylesheet" type="text/css" href="css/detail-w.css">
<link rel="stylesheet" type="text/css" href="css/iconfont.css">
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/common.js"></script>

<title>分类</title>
</head>

<body class="main">

<header id="login-head" style="border:none;" class="">
	<div class="head-left"><a href="javascript:;" onclick="history.back(-1)"><i></i></a></div>
    <div class="search-box">
        <input type="text" class="from-search" name="keyword" placeholder="搜索你想要的商品">
        <i class="iconfont icon-sousuo"></i>
    </div>
	<div class="head-right"><i class="iconfont icon-msnui-more" id="more"></i></div>
    <div class="menu">
        <i class="iconfont  icon-icon-up"></i>
        <ul class="">
            <li><a href="index.html">
                <i class="iconfont icon-shouye"></i>
                <span>首页</span></a>
            </li>
            <li><a href="fenlei.html">
                <i class="iconfont icon-leimupinleifenleileibie"></i>
                <span>分类</span></a>
            </li>
            <li><a href="cart.html">
                <i class="iconfont icon-gouwuche1"></i>
                <span>购物车</span></a>
            </li>
            <li><a href="personal.html">
                <i class="iconfont icon-wode"></i>
                <span>我的</span></a>
            </li>
        </ul>
    </div>
</header>
<div class="fenlei-bg"></div>

<article class="fenlei clearfix">
	<div class="fenlei-left">
    	<ul>
        	<li class="current">热门推荐</li>
            <li>软件工具</li>
            <li>源码程序</li>
            <li>云主机</li>
            <li>营销推广</li>
        </ul>
    </div>
    <div class="fenlei-right">
		<div class="fenlei-list">
			<div class="fenlei-bann">
        		<img src="images/pic-2.png">
        	</div>
			<div class="hot-bod">
				<div class="hot-bod-lh"></div>
				<div class="hot-bod-mi">热门推荐</div>
				<div class="hot-bod-lh"></div>
			</div>
            <div class="fenlei-box">
                <ul class="hot-list">
                    <li><a href=""><i class="icon_sb"></i><p>商标注册</p></a></li>
                    <li><a href=""><i class="icon_yun"></i><p>云主机</p></a></li>
                    <li><a href=""><i class="icon_yuanma"></i><p>行业源码</p></a></li>
                    <li><a href=""><i class="icon_ruanjian"></i><p>营销软件</p></a></li>
                    <li><a href=""><i class="icon_app"></i><p>APP开发</p></a></li>
                    <li><a href=""><i class="icon_xiao"></i><p>小程序</p></a></li>
                </ul>
            </div>
            <div class="hot-bod" style="display:none;">
                <div class="hot-bod-lh"></div>
                <div class="hot-bod-mi">营销推广</div>
                <div class="hot-bod-lh"></div>
            </div>
            <div class="fenlei-box" style="display:none;">
                <ul class="hot-list">
                    <li><a href=""><i class="icon_tuiguang"></i><p>微信推广</p></a></li>
                    <li><a href=""><i class="icon_yunying"></i><p>电商运营</p></a></li>
                    <li><a href=""><i class="icon_seo"></i><p>SEO</p></a></li>
                    <li><a href=""><i class="icon_aso"></i><p>ASO</p></a></li>
                    <li><a href=""><i class="icon_yingxiao"></i><p>整合营销</p></a></li>
                </ul>
            </div>
            <div class="hot-bod" style="display:none;">
                <div class="hot-bod-lh"></div>
                <div class="hot-bod-mi">软件工具</div>
                <div class="hot-bod-lh"></div>
            </div>
            <div class="fenlei-box" style="display:none;">
                <ul class="hot-list">
                    <li><a href=""><i class="icon_wx"></i><p>微信推广</p></a></li>
                    <li><a href=""><i class="icon_qq"></i><p>QQ软件</p></a></li>
                    <li><a href=""><i class="icon_seo"></i><p>seo工具</p></a></li>
                    <li><a href=""><i class="icon_qiye"></i><p>企业管理</p></a></li>

                </ul>
            </div>
            <div class="hot-bod" style="display:none;">
                <div class="hot-bod-lh"></div>
                <div class="hot-bod-mi">源码程序</div>
                <div class="hot-bod-lh"></div>
            </div>
            <div class="fenlei-box" style="display:none;">
                <ul class="hot-list">
                    <li><a href=""><i class="icon_yuanma2"></i><p>行业源码</p></a></li>
                    <li><a href=""><i class="icon_xiao2"></i><p>微信小程序</p></a></li>
                    <li><a href=""><i class="icon_dingzhi"></i><p>定制网站</p></a></li>
                    <li><a href=""><i class="icon_app2"></i><p>APP开发</p></a></li>
                    <li><a href=""><i class="icon_dians"></i><p>电商源码</p></a></li>

                </ul>
            </div>
            <div class="hot-bod" style="display:none;">
                <div class="hot-bod-lh"></div>
                <div class="hot-bod-mi">云主机</div>
                <div class="hot-bod-lh"></div>
            </div>
            <div class="fenlei-box" style="display:none;">
                <ul class="hot-list">
                    <li><a href=""><i class="icon_fuwu"></i><p>服务器</p></a></li>
                    <li><a href=""><i class="icon_yun2"></i><p>云主机</p></a></li>
                    <li><a href=""><i class="icon_xuni"></i><p>虚拟空间</p></a></li>
                    <li><a href=""><i class="icon_vps"></i><p>VPS</p></a></li>
                    <li><a href=""><i class="icon_cdn"></i><p>CDN</p></a></li>
                    <li><a href=""><i class="icon_ym"></i><p>域名注册</p></a></li>
                </ul>
            </div>

			<div class="hot-bod">
				<div class="hot-bod-lh"></div>
				<div class="hot-bod-mi">热门搜索</div>
				<div class="hot-bod-lh"></div>
			</div>
            <div class="fenlei-box">
                <ul class="sea-list">
                    <li><a href="">微信推广</a></li>
                    <li><a href="">发单助手</a></li>
                    <li><a href="">SEO软件</a></li>
                    <li><a href="">微信推广</a></li>
                    <li><a href="">发单助手</a></li>
                    <li><a href="">SEO软件</a></li>
                    <li><a href="">微信推广</a></li>
                    <li><a href="">发单助手</a></li>
                    <li><a href="">SEO软件</a></li>
                </ul>
            </div>
        </div>

    </div>
</article>

<script>

$(document).ready(function(){
    more();
	$('.fenlei-left li').click(function(e){
		var t = $(this).index();
        var num=$('.hot-bod').length-1
		if(t<5){
			$('.fenlei-left li').removeClass("current");
			$(this).addClass('current');
			$('.hot-bod').css('display','none');
			$('.fenlei-box').css('display','none');
			$('.hot-bod').eq(t).css('display','block');
			$('.fenlei-box').eq(t).css('display','block');
		}
        $('.hot-bod').eq(num).css('display','block');
        $('.fenlei-box').eq(num).css('display','block');
	});
});

</script>
</body>
</html>
